@import './source.scss';

.secondpage {
    background-color: #eee;
    text-align: center;
    height: 60vh;
    padding: 20vh 10%;
    position: relative;

    >h1 {
        color: #777;
        font-weight: 400;
        margin-bottom: 5vh;
        letter-spacing: .2em;
    }

    >ul {
        list-style-type: none;

        >li {
            font-size: 22px;
            color: #999;
            line-height: 28px;
            letter-spacing: .15em;

            >a {
                color: #666;

                &:hover {
                    color: #aaa;
                }

                padding: 0 3px;
            }
        }
    }

    >.bottom {
        position: absolute;
        bottom: 0;
        color: #555;
        font-weight: 400;
        margin-bottom: 20vh;
        width: 80%;
        text-align: center;

        >a {
            color: #888;

            &:hover {
                color: #aaa;
            }

            padding: 0 3px;
        }
    }
}